<template>
  <section>
    <w-empty v-if="!floors.length"></w-empty>
    <div v-else>
      <floor-item v-for="(floor, index) in floors" :key="index" :ofloor="floor"></floor-item>
      <button class="u-shop-floor-more" @click="$router.push(`/search/store?storeid=${storeId}`)">点击查看更多 ></button>
    </div>
  </section>
</template>

<script>
  import FloorItem from './floorItem'

  export default {
    props: {
      floors: [Array],
      storeId: [String]
    },
    components: {
      FloorItem
    }
  }
</script>

<style lang="scss">
  .u-shop-floor-more {
    display: block;
    width: 70%;
    height: .5rem;
    margin: 0 auto .3rem;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    color: #999;
  }
</style>